<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>index页面</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
    </style>
</head>
<body>
	<div class="container">
		<header>
			<h1>index页面</h1>
		</header>
		<main>
			<a href="#comment-1">跳转到评论区1</a>
			<a href="#comment-2">跳转到评论区2</a>
			<a href="#comment-3">跳转到评论区3</a>
			<div style="height: 1000px;"></div>
			<div id="comment-1" style="background: green;">
				这是后盾人评论内容区1 11111111111111
			</div>
			<div style="height: 1000px;"></div>
			<div id="comment-2" style="background: orange;">
				这是后盾人评论内容区2 2222222222222
			</div>
			<div style="height: 1000px;"></div>
			<div id="comment-3" style="background: purple;">
				这是后盾人评论内容区3 3333333
			</div>
			<div style="height: 1000px;"></div>
			<div id="comment-4" style="background: pink;">
				这是后盾人评论内容区4 444444
			</div>
		</main>
	</div>
	<script src="https://cdn.staticfile.org/jquery/3.2.0/jquery.js"></script>
	<script src="index.js"></script>
	<script type="text/javascript">
		
	</script>
</body>
</html>